<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script src="js/anonymous_socket.js" type="text/javascript"></script>
<title>手机聊天页面</title>
<style type="text/css">

	html {height:100%;max-height:100%;padding:0;margin:0;border:0;background:#fff;font-size:76%;font-family:georgia, palatino linotype, times new roman, serif,"宋体";/* hide overflow:hidden from IE5/Mac *//* \*/overflow: hidden;/* */}
	html {scrollbar-face-color:orange;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#c00;scrollbar-3dlight-color:#c00;scrollbar-arrow-color:#000;scrollbar-track-color:#c0c0c0;scrollbar-darkshadow-color:#fff;}
	#title{height:auto; text-align:center; size:20px;}
	#textarea { border: medium none; display: block; width:100%; height: 96px; overflow-y: auto; padding: 5px; resize: vertical; }
	#showDiv{height:auto; border:20px; overflow-x: none; overflow-y: auto; resize:vertical;font-size:50px; }
	#inputArea{width:83%;}
	#sendButton{width:15%;}
	
</style>
	
	<script type="text/javascript">
	    var request =
	    {
	        QueryString : function(val)
	        {
	            var uri = window.location.search;
	            var re = new RegExp("" +val+ "=([^&?]*)", "ig");
	            return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);
	        }
	    }
        var _vtoUser =  request.QueryString("to");
	    $(function(){
// 	    	$("#content1").click(function() { 
// 	            var e = new Date,
// 	            f = "";
// 	            f += e.getFullYear() + "-",
// 	            f += e.getMonth() + 1 + "-",
// 	            f += e.getDate() + "  ",
// 	            f += e.getHours() + ":",
// 	            f += e.getMinutes() + ":",
// 	            f += e.getSeconds();
// 	           // alert(g+f);
// 	            var g = $("#show").val();
// 	            var i = "<div>"+f+"<br/>"+g+"</div>"                     
// 	           $("#content").append(i);
// 	           $("#show").val("");     
// 	        }); 
	    });
    </script>
	
</head>

<body>
<div  style="height:80px;line-height:80px;font-size:50px; border-width: 3px;border-style: solid;-moz-border-radius: 15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;padding:5px; text-align:center; ">
聊天页面</div>

<div id="showDiv" >
<!--
	<textarea id="textarea"></textarea>
-->
</div>
<div id="inputDiv" style="position:absolute;bottom:0px;background:#999999; width:100%; height:100px;">
<input type="text" id="inputArea" align="left" style="height:80px;font-size:50px;" />
<input type="button" id="sendButton" value="发送" align="right" style="height:80px;font-size:50px;"/>
</div>
</body>
</html>